<template>
    <div class="layout">
        <div class="backage">
            <el-image :src="require('../../assets/images/main.png')" fit="fit"></el-image>
            <div class="bottom-view">
                <div class="text-view">
					<div>
						WELCOME
					</div>
					<div class="right-text">
						>>
					</div>
                </div>
				<div class="text-view1">
                    蜗牛咩咩管理平台
				</div>
            </div>

        </div>
    </div>
</template>

<script>
    export default {
        name: 'Dashboard',

        data() {
            return {
                isWorkbench: true
            }
        },
        methods: {
            showAgenda() {
                this.isWorkbench = false
            },
        }
    }
</script>

<style scoped lang="scss">
    .layout {
        display: flex;
        flex-direction: row;
		justify-content: center;
		align-items: center;
		text-align: center;
        width: 100%;
		/*height: 80vh;*/
		margin-top: 5px;
		/*margin-left: 2%;*/
    }

    .backage {
        display: flex;
        flex-direction: column;
        width: 99%;
        height: calc(100vh - 80px);
        background-color: white;
    }

	::v-deep .el-image__inner, .el-image__placeholder, .el-image__error {
		width: 100%;
		height: 90%;
	}

    .bottom-view {
		position: absolute;
		bottom: 80px;
		left: 38%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        .text-view {
			display: flex;
			flex-direction: row;
            font-size: 40px;
            color: #B71725;
            font-weight: 500;
			align-items: flex-end;

			.right-text{
				font-size: 30px;
				margin-left: 15px;
			}
        }

		.text-view1{
			font-size: 35px;
			color: #B71725;
			font-weight: 500;
			margin-top: 15px;
		}
    }
</style>
